.fbx-box {
  padding: 0;
  margin: 0;

  .fbx {
    .custom-class .menu_item__available:hover,
    .custom-class .menu_item_expand {
      background: #ffecf2 !important;
      color: #ff4050 !important;
    }
    .fbx {
      height: 100%;
      width: 100%;
      position: relative;
      // overflow: hidden;
    }

    .changeBox {
      position: absolute;
      width: 100px;
      /* background-color: rgb(44, 209, 193); */
      top: 200px;
      right: 50px;
    }
    .select-box {
      position: absolute;
      width: 100px;
      /* background-color: rgb(44, 209, 193); */
      top: 32px;
      right: -300px;
    }
    .demonstration {
      color: rgb(0, 140, 255);
    }
    .back-grouds {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(48, 43, 43, 0.2);
      z-index: 4;
    }
    .children {
      height: 50px;
      line-height: 50px;
      color: #fff;
    }
    .title-box {
      text-align: center;
      padding: 20px 0;
      width: 500px;
      height: 100px;
      background-color: rgba(29, 28, 28, 0.7);
      position: absolute;
      top: 30%;
      left: calc(50% - 250px);
      /* height: 50%; */
    }

    input {
      background: none;
      outline: none;
      border: none;
      font-size: 16px;
    }

    .click-bt {
      /* display: none; */
      width: 160px;
      height: 30px;
      border-bottom: 1px solid rgb(167, 167, 167);
      background-color: rgb(220, 216, 216);
    }
    input:hover {
      background-color: rgb(171, 170, 170);
    }
  }
}
